<#include "../doc_type.ftl">
<html style="overflow-x:hidden;">
<head lang="en">
	<#include "../head.ftl">
	<script src="/js/jquery-1.11.0.js"></script>
    <title>${func.message("system.name")!''}</title>
</head>
<body>
  
  <script type="text/javascript" src="/js/footer_menu.js"></script>
  <#include "../top_banner.ftl">
  <div class="wrapper"> 
  	<script type="text/javascript" src="/js/ads.js"></script>
    <#include "../search.ftl">
    <div class="main"> 
    	<!--
		<div class="banner-container" id="J_banner" style="height:50px;font-size:40px;text-align:center">
		<a href="https://play.google.com/store/apps/details?id=cc.popsite">
			<font color="red"><b>
			Download PopSite
			</b></font>
		</a>
		</div>
		-->
	    <!--Top countries sites begin--> 
	    <div class="m-boxA m-box-smz"> 
	     <ul class="m-listA">
		 <#if topSites?exists>
		 <#assign currentIndex=0>
		 <#list topSites as topSite>
		 	<#assign currentIndex=currentIndex+1>
		    <li><nobr><a href="/go/${topSite.encryptId}?location=${topSite.url!''}" style="color:"><img src="${(topSite.ico)!''}" alt="${(topSite.name)!''}"  onerror="this.src='/sitesInfo/favicon?domain=${topSite.url!''}';this.onerror='';this.alt=''"/>${(topSite.name)!''}</a></nobr></li>
		 	<#if currentIndex==8>
		 		</ul>
		 		<script type="text/javascript" src="/js/ads.js"></script>
		 		<ul class="m-listA">
		 	</#if>
		 </#list>
		 </#if>
	     </ul> 
	    </div>
    	<!--Top countries sites end--> 
    	
	    <script type="text/javascript" src="/js/ads.js"></script>
	    <!--Top world sites begin--> 
	    <#if topWorldSites?exists>
	    <div class="m-boxA m-box-smz"> 
	     <ul class="m-listA">
		 <#list topWorldSites as topWorldSite>
		    <li><a href="/go/${topWorldSite.encryptId}?location=${topWorldSite.url!''}" style="color:"><nobr><img src="${(topWorldSite.ico)!''}" alt="${(topWorldSite.name)!''}" onerror="this.src='/sitesInfo/favicon?domain=${topWorldSite.url!''}';this.onerror='';this.alt=''"/>${(topWorldSite.name)!''}</nobr></a></li>
		 </#list>
	     </ul> 
	    </div>
		</#if>
	    <!--Top world sites end--> 
	    
		<script type="text/javascript" src="/js/ads.js"></script>
	    <!--Type sites begin--> 
	    <div class="m-boxA m-box-site"> 
		     <div class="m-boxA-bd" id="J_sites">
			      <#list topSitesTypeCodeList as topSitesTypeCode>
				      <#if sitesTypesRelationMap[topSitesTypeCode]??>
					      <div class="m-listD" id="type-${topSitesTypeCode!''}">
						       <div class="m-listD-tit">
						        <b>[${topSitesTypeCode!''}]</b>
						       </div>
						       <#list sitesTypesRelationMap[topSitesTypeCode] as subTypeCode>
							       <#if subTypeCode?? && subTypesTopSites[subTypeCode]??>
								       <div class="m-listD-item">
								        <a href="/sitesInfo/more/${subTypeCode}" style="color:#3097fd;text-align: center;width:20%">${subTypeCode!''}</a>
										<#assign currentNum = 0>
								        <#list subTypesTopSites[subTypeCode] as subTypeSites> 
								        <a href="/go/${subTypeSites.encryptId}?location=${subTypeSites.url!''}" style="color:undefined"><nobr>${(subTypeSites.name)!''}</nobr></a>
								        </#list>
								       </div>
							       </#if>
						       </#list>
					      </div> 
				      </#if>
			      </#list>
		     </div> 
	    </div> 
    <!--Topsites end--> 
   </div> <!-- end div main -->
   <#include "../footer.ftl">
  </div> <!-- end div wrapper -->
 </body>
</html>
